<div class="body_content">
   <div class="bottom_content">
      <div class="titleBar" style="height: auto;">
         <div class="holderLeft">
            <div class="titlePosition fl_left" style="margin-top: 5px;">
            Personal Information
            </div>
         </div>
         <div class="holderRight align_right">
            <img src="/images/icon/saving.png" title="Save your information." id="saveInformation" class="cursor display">
         </div>
      </div>
      <div class="Holdercontent">
         <div class="top">
            <?php
               $auth = Auth::getAuth('current_user');
               $db = new Database();
               $userID = $auth['userID'];
               $Firstname = $auth['Firstname'];
               $Lastname = $auth['Lastname'];
               $Username = $auth['Username'];
               $Password = $auth['Password'];
               $UserType = $auth['UserType'];
               $UserLevel = $auth['UserLevel'];
               $UserLastLogin = $auth['UserLastLogin'];
               $UserDept = $auth['UserDept'];
               $UserLocation = $auth['UserLocation'];
               
                  //$level = $auth['UserType'];
                  $user_level = $db->query("SELECT * FROM tbluser_level WHERE id='$UserType'","row");
            ?>
            <div class="holderLeft">
               <div class="title fl_left" style="margin-top: 5px;">
                  Basic Information
               </div>
            </div>
            <div class="holderRight align_right">
               <img src="/images/icon/edit.png" title="Edit your information." id="editInformation" data-user-id="<?php echo $userID;?>" class="cursor  userBasicInfo_<?php echo $userID;?>">
            </div>
            <form method="POST" class="basicInfo">
               <div class="fields">
                  <div class="label">Firstname:</div>
                  <div class="input">
                     <label class="label userBasicInfo_<?php echo $userID;?>" id="editFirstname" style="color: #6E6E6E; font-weight: normal; width: auto;"><?php echo $Firstname;?></label>
                     <input type="text" name="firtname" id="firstname" class="textfield_one display showUserBasicInfo_<?php echo $userID;?>" value="<?php echo $Firstname;?>">
                  </div>
               </div>
               <div class="fields">
                  <div class="label">Lastname:</div>
                  <div class="input">
                     <label class="label userBasicInfo_<?php echo $userID;?>" id="editLastname" style="color: #6E6E6E; font-weight: normal; width: auto;"><?php echo $Lastname;?></label>
                     <input type="text" name="lastname" id="lastname" class="textfield_one display showUserBasicInfo_<?php echo $userID;?>" value="<?php echo $Lastname;?>">
                  </div>
               </div>
               <div class="fields levelHide">
                  <div class="label">Level:</div>
                  <div class="input">
                     <label class="label" id="editLevel" style="color: #6E6E6E; font-weight: normal; width: auto;"><?php echo $user_level['level'];?></label>
                     
                  </div>
               </div>
               <div class="fields">
                  <div class="label">Division/Section:</div>
                  <div class="input">
                     <label class="label userBasicInfo_<?php echo $userID;?>" id="editDivision" style="color: #6E6E6E; font-weight: normal; width: auto;"><?php echo $UserDept;?></label>
                     <select class="selection1 display showUserBasicInfo_<?php echo $userID;?>" name="division" id="division">
                        <?php
                           $DivSec = array("Administrative","Accounting","Planning and Design","Maintenance","Contruction","MQC","ORD/ODE","COA","Monitoring",
                                           "Legal");
                           for($a=0;$a<count($DivSec);$a++){
                              echo "<option>".$DivSec[$a]."</option>";
                           }
                        ?>
                     </select>
                        
                     
                  </div>
               </div>
               <div class="fields">
                  <div class="label">Location:</div>
                  <div class="input">
                     <label class="label userBasicInfo_<?php echo $userID;?>" id="editLocation" style="color: #6E6E6E; font-weight: normal; width: auto;"><?php echo $UserLocation;?></label>
                     <input type="text" name="location" id="location" class="textfield_one display showUserBasicInfo_<?php echo $userID;?>" value="<?php echo $UserLocation;?>" />
                  </div>
               </div>
               <div class="fields" style="border-bottom: none;">
                  <div class="label"></div>
                  <div class="input">
                     <div style="margin-top: 8px;">
                        <input type="button" name="saveInformation" id="saveInformation" class="btn display showUserBasicInfo_<?php echo $userID;?>" data-user-id="<?php echo $userID;?>"  value="Update">
                     </div>
                  </div>
               </div>
            </form>
            <div class="hr"></div>
            <div style="margin-top: 10px;">
               <div class="holderLeft">
                  <div class="title fl_left" style="margin-top: 5px;">
                     Change your Username.
                  </div>
               </div>
                  <div class="fields">
                     <div class="label_1">Username:</div>
                     <div class="input">
                        <input type="text" class="textfield_one" placeholder="<?php echo $Username;?>" id="oldUsername" disabled>
                     </div>
                  </div>
                  <div class="fields">
                     <div class="label_1">Old Username:</div>
                     <div class="input">
                        <input type="text" class="textfield_one" placeholder="Type your new username here." id="newUsername" name="uFolderName" >   
                     </div>
                  </div>
                  <div class="fields" style="border-bottom: none;">
                     <div class="label_1"></div>
                     <div class="input">
                        <div style="margin-top: 8px;">
                           <input type="button" class="btn changeUsername " value="Submit">
                        </div>
                     </div>
                  </div>
            </div>   
            <div class="hr"></div>
            
            <div style="margin-top: 10px;">
               <div class="holderLeft">
                  <div class="title fl_left" style="margin-top: 5px;">
                     Change your password.
                  </div>
               </div>
               <div class="holderRight align_right">
               </div>
                  <div class="fields">
                     <div class="label_1">Old Password*:</div>
                     <div class="input">
                        <input type="password" class="textfield_one" placeholder="Type your old password here." id="oldPassword">
                     </div>
                  </div>
                  <div class="fields">
                     <div class="label_1">New password*:</div>
                     <div class="input">
                        <input type="password" class="textfield_one" placeholder="Type your new password here." id="newPassword" name="uFolderName">
                     </div>
                  </div>
                  <div class="fields">
                     <div class="label_1">Re-type password*:</div>
                     <div class="input">
                        <input type="password" class="textfield_one" placeholder="Retype your new password here." id="retypePassword" name="uFolderName">
                     </div>
                  </div>
                  <div class="fields" style="border-bottom: none;">
                     <div class="label_1"></div>
                     <div class="input">
                        <div style="margin-top: 8px;">
                           <input type="button" class="btn changePassword" value="Submit">
                        </div>
                     </div>
                  </div>
            </div> 
               
         </div>
      </div>
   </div>
</div>